<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>登入</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="keywords" content="fly,layui,前端社区">
  <meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
  <link rel="stylesheet" href="./res/layui/css/layui.css">
  <link rel="stylesheet" href="./res/css/global.css">
</head>

<body>

  <div class="fly-header layui-bg-black">
    <div class="layui-container">
      <a class="fly-logo" href="/">
        <!-- <img src="./res/images/logo.png" alt="layui"> -->
        <h1 style="color:#fff">LOGO</h1>
      </a>
      <ul class="layui-nav fly-nav layui-hide-xs">
        <li class="layui-nav-item layui-this">
          <a href="index.html">任务大厅</a>
        </li>
        <li class="layui-nav-item">
          <a href="#">我是下单方</a>
        </li>
        <li class="layui-nav-item">
          <a href="#" target="_blank">我是接单方</a>
        </li>
        <li class="layui-nav-item">
          <a href="#" target="_blank">已认证联盟</a>
        </li>
      </ul>

      <ul class="layui-nav fly-nav-user">
        <!-- 未登入的状态 -->
        <li class="layui-nav-item">
          <a class="iconfont icon-touxiang layui-hide-xs" href="login.html"></a>
        </li>
        <li class="layui-nav-item">
          <a href="login.html">登入</a>
        </li>
        <li class="layui-nav-item">
          <a href="reg.html">注册</a>
        </li>
      </ul>
    </div>
  </div>

  <div class="layui-container fly-marginTop">
    <div class="fly-panel fly-panel-user" pad20>
      <div class="layui-tab layui-tab-brief" lay-filter="user">
        <ul class="layui-tab-title">
          <li class="layui-this">发布任务</li>
        </ul>
        <div class="layui-form layui-tab-content" id="LAY_ucm" style="padding: 20px 0;">
          <div class="layui-tab-item layui-show">
            <div class="layui-form ">
              <form class="layui-form" action="">
                <div class="layui-form-item">
                  <label class="layui-form-label">任务类型</label>
                  <div class="layui-input-block">
                    <input type="radio" name="type" value="普通" title="普通" checked="checked">
                    <input type="radio" name="type" value="指派" title="指派">
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label"><span style="color: red;">* </span>产品标题</label>
                  <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="required" lay-reqtext="请输入产品标题" autocomplete="off"
                      placeholder="请输入产品标题" class="layui-input">
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label"><span style="color: red;">* </span>营销主图</label>
                  <div class="layui-input-inline">
                    <input type="file" name="price" value="20" lay-verify="required" lay-reqtext="请上传营销主图" placeholder="请上传营销主图"
                      autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-form-mid layui-word-aux">请认真核对营销主图及文案是否正确,以免造成不必要的损失！！</div>
                </div>
                <div class="layui-form-item layui-form-text">
                  <label class="layui-form-label"><span style="color: red;">* </span>文案</label>
                  <div class="layui-input-block">
                    <textarea lay-verify="required" lay-reqtext="请输入文案" placeholder="请输入内容" class="layui-textarea"></textarea>
                  </div>
                </div>
                <div class="layui-form-item layui-form-text">
                  <label class="layui-form-label">文案模板</label>
                  <div class="layui-input-block">
                    <img src="./res/images/copytemplate.jpg" width="100%" height="200px">
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label"><span style="color: red;">* </span>产品图片</label>
                  <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="自动解析，无需手动输入"
                      class="layui-input layui-disabled" disabled>
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label"><span style="color: red;">* </span>优惠券id</label>
                  <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="自动解析，无需手动输入"
                      class="layui-input layui-disabled" disabled>
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label"><span style="color: red;">* </span>商品id</label>
                  <div class="layui-input-block">
                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="自动解析，无需手动输入"
                      class="layui-input layui-disabled" disabled>
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">派单时间</label>
                  <div class="layui-input-block">
                    <input type="radio" name="time" value="今日" title="今日" checked="">
                    <input type="radio" name="time" value="次日" title="次日">
                    <input type="radio" name="time" value="过夜" title="过夜">
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">平台</label>
                  <div class="layui-input-block">
                    <input type="radio" name="platform" value="淘宝" title="淘宝" checked="">
                    <input type="radio" name="platform" value="天猫" title="天猫">
                  </div>
                </div>

                <div class="layui-form-item">
                  <div class="layui-inline">
                    <label class="layui-form-label"><span style="color: red;">* </span>佣金比例</label>
                    <div class="layui-input-inline">
                      <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off" class="layui-input">
                    </div>
                  </div>
                  <div class="layui-inline">
                    <label class="layui-form-label"><span style="color: red;">* </span>券后价</label>
                    <div class="layui-input-inline">
                      <input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input">
                    </div>
                  </div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label"><span style="color: red;">* </span>任务单价</label>
                  <div class="layui-input-inline">
                    <input type="text" name="price" value="1" lay-verify="required" lay-reqtext="请输入人物单价" placeholder=""
                      autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-form-mid layui-word-aux"><span style="color:black;padding-right:15px">元</span>
                    任务单价不能小于1价格过低影响接单效率</div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label"><span style="color: red;">* </span>数量</label>
                  <div class="layui-input-inline">
                    <input type="text" name="price" value="20" lay-verify="required" lay-reqtext="请输入数量" placeholder=""
                      autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-form-mid layui-word-aux">任务数量不能小于20
                    建议数量大于50
                    未完成的任务将退还余额</div>
                </div>
                <div class="layui-form-item">
                  <label class="layui-form-label">店铺活动</label>
                  <div class="layui-input-inline">
                    <input type="text" name="price" value="20" lay-verify="required" lay-reqtext="请输入数量" placeholder="请输入店铺活动"
                      autocomplete="off" class="layui-input">
                  </div>
                  <div class="layui-form-mid layui-word-aux">如:‘满立减、第二件0元等</div>
                </div>
                <div class="layui-form-item layui-form-text">
                  <label class="layui-form-label">备注</label>
                  <div class="layui-input-block">
                    <textarea placeholder="请输入备注" class="layui-textarea"></textarea>
                  </div>
                </div>

                <!--<div class="layui-form-item layui-form-text">
                    <label class="layui-form-label">编辑器</label>
                    <div class="layui-input-block">
                      <textarea class="layui-textarea layui-hide" name="content" lay-verify="content" id="LAY_demo_editor"></textarea>
                    </div>
                  </div>-->
                <div class="layui-form-item">
                  <div class="layui-input-block">
                    <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                    <button type="button" class="layui-btn layui-btn-primary">取消</button>
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="fly-footer">
    <p><a href="http://fly.layui.com/" target="_blank">中恒业</a> 2020 &copy; <a href="#" target="_blank">中恒业</a></p>
    <p>
      <a href="#" target="_blank">任务大厅</a>
      <a href="#" target="_blank">我是下单方</a>
      <a href="#" target="_blank">微信公众号</a>
    </p>
  </div>

  <script src="./res/layui/layui.js"></script>
  <script>
    layui.cache.page = 'user';
    layui.cache.user = {
      username: '游客'
      , uid: -1
      , avatar: './res/images/avatar/00.jpg'
      , experience: 83
      , sex: '男'
    };
    layui.config({
      version: "3.0.0"
      , base: './res/mods/'
    }).extend({
      fly: 'index'
    }).use('fly');
  </script>

</body>

</html>